<!-- template inhertance -->
<extend name="layout/default"/>

<!-- styles -->
<block name="linkcss">
    <link rel="stylesheet" href="/Public/home/css/staffInterview/staff.css">
</block>

<!-- scripts -->
<block name="linkjs">

</block>

<!-- page title -->
<block name="webtitle">
    <title>员工定期谈话记录详情</title>
</block>

<!-- navagations -->
<block name="breadcrumb">
    <ol class="breadcrumb breadcrumb-edit">
        <li><a href="staffInterviewIndex.html">员工定期谈话记录</a></li>
        <li class="active">谈话记录详情</li>
    </ol>
</block>

<!-- main body -->
<block name="content">
    <div class="staff">
        <!-- 左侧列表 -->
        <div class="list-staff">
            <ul>
                <li class="active">
                    <a href="staffInterviewIndex.html">
                        <i class="icon-table"></i>
                        <span class="ml-5">员工定期谈话记录</span>
                    </a>
                </li>
                <li>
                    <a href="staffInterviewCreate.html">
                        <i class="icon-plus"></i>
                        <span class="ml-5">创建谈话记录</span>
                    </a>
                </li>
            </ul>
        </div>

        <!-- 右侧内容 -->
        <div class="detail-staff">
            <!-- 右上角关闭 -->
            <a href="javascript:history.back(-1)" class="close-staff" title="关闭"></a>

            <!-- 详情 -->
            <div class="box">
                <h3 class="title">员工定期谈话记录详情</h3>
                <div class="writer">
                    <span class="mr-5">记录人/日期</span>
                    <span class="mr-5">XXX</span>
                    <span>2019-06-24 10:00</span>
                </div>
            </div>
            <!-- 基本信息 -->
            <div class="box">
                <div class="little-title">员工基本信息</div>
                <div class="little-content">
                    <div class="information">
                        <div>
                            <img src="/Public/home/img/face/face_08.png" alt="face" class="layui-circle">
                        </div>
                        <div class="detail-information">
                            <ul>
                                <li>
                                    <span>姓名：</span>
                                    <span>XXX</span>
                                </li>
                                <li>
                                    <span>部门：</span>
                                    <span>研发部</span>
                                </li>
                                <li>
                                    <span>岗位：</span>
                                    <span>工程师</span>
                                </li>
                                <li>
                                    <span>直属上司：</span>
                                    <span>XXX</span>
                                </li>
                                <li>
                                    <span>年龄：</span>
                                    <span>25</span>
                                </li>
                                <li>
                                    <span>籍贯：</span>
                                    <span>四川绵阳</span>
                                </li>
                                <li>
                                    <span>婚否：</span>
                                    <span>未婚</span>
                                </li>
                                <li>
                                    <span>入职日期：</span>
                                    <span>2019-04-01</span>
                                </li>
                                <li>
                                    <span>薪酬：</span>
                                    <span>0000-0000</span>
                                </li>
                                <li>
                                    <span>面谈日期：</span>
                                    <span>2019-06-25</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 面谈原因及预期目的 -->
            <div class="box">
                <div class="little-title">面谈原因及预期目的</div>
                <div class="little-content cause">
                    这里是面谈原因及预期目的的内容这里是面谈原因及预期目的的内容这里是面谈原因及预期目的的内容
                </div>
            </div>
            <!-- 面谈内容 -->
            <div class="box">
                <div class="little-title">面谈内容</div>
                <div class="little-content content">
                    这里是面谈内容的内容这里是面谈内容的内容这里是面谈内容的内容
                </div>
            </div>
            <!-- 发现问题 -->
            <div class="box">
                <div class="little-title">发现问题</div>
                <div class="little-content problem">
                    这里是发现问题的内容v这里是发现问题的内容这里是发现问题的内容
                </div>
            </div>
            <!-- 解决方案 -->
            <div class="box">
                <div class="little-title">解决方案</div>
                <div class="little-content solution">
                    这里是解决方案的内容这里是解决方案的内容这里是解决方案的内容
                </div>
            </div>
            <!-- 总结 -->
            <div class="box">
                <div class="little-title">总结</div>
                <div class="little-content summary">
                    这里是总结的内容这里是总结的内容这里是总结的内容
                </div>
            </div>
            <!-- 附件 -->
            <div class="box">
                <div class="little-title">附件</div>
                <div class="little-content file">
                    这里是附件
                </div>
            </div>
            <!-- 审阅人 -->
            <div class="box">
                <div class="little-title">审阅人</div>
                <div class="little-content reader">
                    <ul>
                        <li>
                            <div class="user">
                                <div>
                                    <img src="/Public/home/img/face/face_08.png" alt="face" class="layui-circle" width="50" height="50">
                                </div>
                                <div>
                                    <span>名字</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="user">
                                <div>
                                    <img src="/Public/home/img/face/face_08.png" alt="face" class="layui-circle" width="50" height="50">
                                </div>
                                <div>
                                    <span>名字</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</block>